#2EB873

Color Details

HEX
#2EB873
RGB
rgb(46, 184, 115)
HSL
hsl(150, 60%, 45%)
CMYK
cmyk(75%, 0%, 38%, 28%)
Best text on this color #000000 (CR 8.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2eb873
Contrast 8.22:1 AAA
White on #2eb873
Contrast 2.55:1 Fail
#2eb873 on Black
Contrast 8.22:1 AAA
#2eb873 on White
Contrast 2.55:1 Fail

Tints & Shades

#58c68f
#82d4ab
#abe3c7
#25935c
#1c6e45
#124a2e

Complement & Analogous

#b82e73
#2eb8b8
#2eb82e

Triadic

#732eb8
#b8732e

Monochrome

#124a2e #1c6e45 #2eb873 #82d4ab #abe3c7 #d5f1e3

Analogous

#2eb82e #6dcd6d #2eb873 #58c6c6 #2eb8b8 #259393

Complementary Mix

#1c6e45 #2eb873 #82d4ab #b82e73 #d177a4 #781e4b

Nearby Colors

#2eb872
#2eb874
#2eb863
#2eb883

Embed #2EB873 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2EB873

#2EB873 converts to RGB(46, 184, 115) and HSL(150, 60%, 45%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2EB873 FAQs

What is the RGB value of #2EB873?
RGB: 46, 184, 115. Copy as CSS: rgb(46, 184, 115)
Is #2EB873 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2EB873?
Complement: #b82e73.
Does #2EB873 have good contrast on white or black?
On white: 2.55:1 (Fails AA). On black: 8.22:1 (AAA (normal text)).